<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Dashboard</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="layout" content="main"/>
    
    <style type="text/css">
    .news ul {
        list-style: disc;
    }

    .news .time {
        font-size: 1.5em;
        font-style: italic;
        color: #222;
        font-family: Georgia, Times New Roman, Serif;
    }

    .news li {
        margin: 0.25em 0;
    }
    </style>
</head>
<body onunload="GUnload()">
<div class="container">
    <div id="tabarea">
        <ul>
            <li class="first-tab current" style="z-index: 11" onclick="window.location = '${createLink(controller: 'dashboard', action: 'index')}'"><span class="left"></span><span class="content">Dashboard</span><span class="right"></span></li>
            <li onclick="window.location = '${createLink(controller: 'workmates', action: 'index')}'"><span class="left"></span><span class="content">Projects & People</span><span class="right"></span></li>
            %{--<li style="z-index: 8" onclick="window.location='/link-me-in/opensource.gsp'"><span class="left"></span><span class="content">Opensource</span><span class="right"></span></li>--}%
            %{--<li style="z-index: 7" onclick="window.location = '/link-me-in/blog.gsp'"><span class="left"></span><span class="content">Blog</span><span class="right"></span></li>--}%
            %{--<li style="z-index: 6"><span class="left"></span><span class="content">Photos</span><span class="right"></span></li>--}%
            <div class="clear"></div>
        </ul>
    </div>
    <div class="title-area">
        <div class="title column span-10">Dashboard</div>
        <div class="clear"></div>
    </div>
    <div class="separator first"></div>
    <div class="data-area">
        <div class="column span-10 news">
            <h1>Our latest news</h1>
            <% if (changes.size() == 0) { %>
            There are no news recently.
            <% } %>
            <% for (time in changes.keySet()) { %>
            <div class="time"><%=time%></div>
            <ul>
                <% for (change in changes[time]) { %>
                <li>
                    <%=change%>
                </li>
                <% } %>
            </ul>
            <% } %>
        </div>
        <div class="column last first sidebar">
            <h1>Now we have</h1>
            <div class="side-area area3">
                <h3><%=link(controller: "workmates", action: "show", params: [name: firstEmployee.shrinkedEnglishName]) {employeeNumber + " people"}%></h3>
                <h3><%=link(controller: "projects", action: "show", params: [name: firstProject.name]) {projectNumber + " projects"}%></h3>
                %{--<h3><%=link(controller: "dashboard", action: "updatecontacts") {"contacts"}%></h3>--}%

            </div>
        </div>
        <div class="clear"></div>
        <div class="column span-13 news">
            <h1>Where we are</h1>
        </div>
      <div class="clear"></div>
      <g:render template="/dashboard/map"/>      
    </div>
    <div class="separator"></div>
</div>
    
</body>
</html>
